.mb-24{
	margin-bottom: 24rpx;
}
.pd-t-24{
	padding-top: 24rpx;
}
.pd-t-b-24{
	padding: 24rpx 0;
}
.w-48{
	width: 48%;
}
.white-bg{
	background: #ffffff;
}
.border-b{
	border-bottom: 1px solid rgba(238, 238, 238, 1);
}
.product-info{
	padding: 30rpx;
	background: #ffffff;
}
.title-box{
	.title{
		width: calc(100% - 120rpx);
		position: relative;
		.title-text-n,.title-text{
			max-width: 100%;
			line-height: 46rpx;
			font-size: 34rpx;
			font-weight: 500;
			color: rgba(0, 0, 0, 1);
		}
		.title-text-i{
			max-width: 100%;
			// text-indent: 130rpx;
			line-height: 46rpx;
			font-size: 34rpx;
			font-weight: 500;
			color: rgba(0, 0, 0, 1);
		}
		.project-type{
			padding: 2rpx 18rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: rgba(56, 56, 56, 1);
			background: rgba(247, 247, 247, 1);
		}
		.red-tag{
			width: 120rpx;
			height: 36rpx;
			text-align: center;
			border-radius: 0px 6rpx 0px 6rpx;
			background: rgba(230, 37, 29, 1);
			font-size: 24rpx;
			font-weight: 500;
			line-height: 36rpx;
			color: rgba(255, 255, 255, 1);
			white-space: nowrap;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}
.service-price{
	font-size: 28rpx;
	font-weight: 400;
	color: rgba(238, 33, 45, 1);
	text{
		font-size: 36rpx;
		font-weight: 700;
		color: rgba(238, 33, 45, 1);
	}
}
// 分享 举报按钮
.share-btns{
	width: 110rpx;
	text-align: center;
	image{
		width: 30rpx;
		height: 30rpx;
	}
	font-size: 20rpx;
	font-weight: 400;
	line-height: 36rpx;
	color: rgba(56, 56, 56, 1);
}

// 浏览咨询统计
.visit-box{
	padding: 30rpx 0;
	.visit-advtar{
		width: 40%;
		height: 46rpx;
		position: relative;
		image{
			width: 46rpx;
			height: 46rpx;
			border-radius: 50%;
			position: absolute;
		}
	}
	.visit-l{
		width: 60%;
		height: 46rpx;
		.visit-num{
			font-size: 26rpx;
			font-weight: 400;
			color: rgba(166, 166, 166, 1);
			// margin-left: 32rpx;
		}
	}
}

// 面积  租金
.shop-area{
	padding: 30rpx 0;
	text-align: center;
	.red-bold-txt{
		font-size: 34rpx;
		font-weight: 700;
		color: rgba(238, 33, 45, 1);
	}
	.black-bold-txt{
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(0, 0, 0, 1.0);
	}
	.red-bold-txt-s{
		font-size: 32rpx;
		font-weight: 700;
		color: rgba(238, 33, 45, 1);
	}
	.red-nomarl-txt{
		font-size: 32rpx;
		font-weight: 400;
		color: rgba(238, 33, 45, 1);
	}
	.gray-txt{
		font-size: 24rpx;
		font-weight: 400;
		line-height: 48rpx;
		color: rgba(166, 166, 166, 1);
	}
}

// 地址
.address{
	padding: 30rpx 0;
	.address-l{
		width: 70%;
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(56, 56, 56, 1);
	}
	.distance{
		font-size: 22rpx;
		font-weight: 400;
		color: rgba(166, 166, 166, 1);
		image{
			width: 20rpx;
			height: 24rpx;
			margin-right: 6rpx;
		}
	}
}

// 公司
.compony-name{
	position: relative;
	padding: 30rpx 0;
	image{
		width: 40rpx;
		height: 40rpx;
		margin-right: 24rpx;
	}
	.text{
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(56, 56, 56, 1);
	}
	&::after{
		content: '';
		display: block;
		width: 24rpx;
		height: 24rpx;
		border-top: 1px solid rgba(166, 166, 166, 1);
		border-right: 1px solid rgba(166, 166, 166, 1);
		transform: rotate(45deg);
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -16rpx;
	}
}

// 优势
.advantage-box{
	font-size: 24rpx;
	font-weight: 400;
	color: rgba(250, 92, 103, 1);
	.advantage{
		padding: 0 10rpx;
		height: 36rpx;
		line-height: 36rpx;
		text-align: center;
		border-radius: 4px;
		background: rgba(255, 232, 234, 1);
		letter-spacing: 0.4rpx;
		margin-left: 14rpx;
		margin-bottom: 20rpx;
		white-space: nowrap;
	}
}

// 适合场所
			
.suitable-box{
	margin-top: 34rpx;
	font-size: 24rpx;
	font-weight: 400;
	color: rgba(82, 104, 139, 1);
	padding-bottom: 30rpx;
	.suitable{
		display: inline-block;
		letter-spacing: 0.4rpx;
		padding: 10rpx;
		border-radius: 4rpx;
		background: rgba(248, 249, 253, 1);
		margin-left: 12rpx;
		margin-bottom: 20rpx;
		white-space: nowrap;
	}
}

// 悬赏任务
.task-box{
	padding: 30rpx;
	.task-title{
		.title-l{
			width: calc(100% - 62rpx);
		}
		.jiantou{
			width: 32rpx;
			height: 32rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
	}
	.task-list{
		.task-item{
			padding: 18rpx 24rpx;
			height: 218rpx;
			border-radius: 10rpx;
			background: rgba(250, 250, 250, 1);
			// box-shadow: 2rpx 4rpx 8rpx 10rpx rgba(0, 0, 0, 0.03);
			
			.item-top{
				.task-tit{
					width: 65%;
				}
				.task-tit-l{
					// width: 30%;
					font-size: 24rpx;
					font-weight: 400;
					color: rgba(166, 166, 166, 1);
					text-align: center;
					.task-top-btn{
						width: 132rpx;
						height: 42rpx;
						margin: 0 auto 6rpx;
						line-height: 42rpx;
						text-align: center;
						border-radius: 50rpx;
						background: rgba(238, 33, 45, 1);
						border: 1px solid rgba(235, 36, 61, 1);
						color: #ffffff;
					}
				}
			}
			
			.item-bottom{
				padding: 10rpx 0;
				background: #ffffff;
				.share-list{
					width: 75%;
					.share-item{
						/** 文本1 */
						font-size: 24rpx;
						font-weight: 400;
						color: rgba(166, 166, 166, 1);
						margin-top: 12rpx;
						text{
							/** 文本2 */
							font-size: 24rpx;
							font-weight: 400;
							color: rgba(212, 48, 48, 1);
						}
					}
				}
				.item-bottom-btn{
					font-size: 24rpx;
					font-weight: 400;
					color: rgba(238, 33, 45, 1);
		
				}
			}
		}
	}
}
.brand-class{
	.label{
		width: 120rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.text{
		width: calc(100% - 120rpx);
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
}
.project-status{
	.label{
		min-width: 180rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.text{
		// max-width: calc(100% - 210rpx);
		max-width: 70%;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
}
// 模块
.module-box{
	padding: 30rpx;
	.module-title{
		font-size: 36rpx;
		font-weight: 400;
		line-height: 42rpx;
		color: rgba(0, 0, 0, 1);
	}
	.label{
		width: 120rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.text{
		width: calc(100% - 120rpx);
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
	.title-r-gray-s{
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.title-btn{
		padding: 0 24rpx;
		height: 52rpx;
		opacity: 1;
		border-radius: 32rpx;
		background: rgba(230, 37, 29, 1);
		font-size: 26rpx;
		font-weight: 400;
		line-height: 52rpx;
		color: rgba(255, 255, 255, 1);
	}
	.introduce{
		font-size: 26rpx;
		font-weight: 400;
		line-height: 50rpx;
		color: rgba(128, 128, 128, 1);
	}
}
// 门面数据
.shop-data{
	width: calc(100% - 120rpx);
	text-align: center;
	.data{
		padding: 32rpx;
	}
	.data~.data{
		position: relative;
	}
	.data~.data::before{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -33rpx;
		left: 0;
		width: 0px;
		height: 66rpx;
		background: rgba(238, 238, 238, 1);
		border-right: 1px solid rgba(238, 238, 238, 1);    
	}
	.gray-txt{
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(166, 166, 166, 1);
	}
	.black-txt{
		font-size: 26rpx;
		font-weight: 400;
		line-height: 36rpx;
		color: rgba(0, 0, 0, 1);
	}
}

// 配套设施
.matching-list{
	width: calc(100% - 120rpx);
	.matching{
		width: 25%;
		text-align: center;
		margin-bottom: 36rpx;
		.name{
			line-height: 36rpx;
			font-size: 24rpx;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);	
		}
		
		image{
			width: 52rpx;
			height: 52rpx;
		}
	}
}

// 补充说明
.supplement{
	
	.text{
		max-height: 300rpx;
		overflow-y: scroll;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 36rpx;
		color: rgba(56, 56, 56, 1);
	}
}
// 周边分析
.analysis{
	.title-r-gray{
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}
	.analysis-data-l{
		width: 28%;
		font-size: 26rpx;
		font-weight: 500;
		color: rgba(238, 33, 45, 1);
	}
	.analysis-data-box{
		width: 33%;
		height: 80rpx;
		border-radius: 4rpx;
		background: rgba(255, 245, 246, 1);
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(250, 92, 103, 1);
		white-space: nowrap;
		image{
			width: 38rpx;
			height: 38rpx;
		}
		position: relative;
		padding: 24rpx 36rpx 24rpx 12rpx;
		margin-left: 12rpx;
		&::after{
			content: '';
			display: block;
			position: absolute;
			right: 24rpx;
			width: 12rpx;
			height: 12rpx;
			border-top: 1px solid rgba(250, 92, 103, 1);
			border-right: 1px solid rgba(250, 92, 103, 1);
			transform: rotate(45deg);
			top: 50%;
			margin-top: -6rpx;
			right: 24rpx;
		}
	}
}

// 图表
.echarts-box{
	width: 100%;
	height: 300px;
	// background: rgba(238, 238, 238, 1);
}
.opponent-echarts{
	width: 100%;
	height: 600rpx;
	background: rgba(238, 238, 238, 1);
}

// 消费能力
.contrast{
	.contrast-title{
		font-size: 32rpx;
		font-weight: 400;
		line-height: 42rpx;
		color: rgba(51, 51, 51, 1);
	}
	.label-c{
		width: 20%;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		text{
			font-size: 20rpx;
			font-weight: 400;
			color: rgba(0, 0, 0, 1);
		}
	}
	.progress-bg{
		width: 50%;
		height: 10rpx;
		border-radius: 6rpx;
		background: rgba(246, 246, 246, 1);
		overflow: hidden;
	}
	.progress-line-r{
		height: 100%;
		background: linear-gradient(90deg, rgba(250, 87, 98, 1) 0%, rgba(247, 27, 42, 1) 100%);
	}
	.progress-line-y{
		height: 100%;
		background: linear-gradient(90deg, rgba(255, 203, 0, 1) 0%, rgba(255, 156, 0, 1) 100%);
	}
}

// 商家服务
.service-list{
			/* 声明一个容器 */
			display: grid;
			/* 声明列的宽度,数字3表示的重复3次，即有3列宽度为200px*/
			grid-template-columns: repeat(5,20%);
			/* 声明行间距和列间距 */
			grid-gap: 48rpx 0;
			/* 分别表示两行的高度 */
			// grid-template-rows: 100px 200px;
			.service-item{
				text-align: center;
				background-size: 100% 100%;
				image{
					width: 80rpx;
					height:80rpx;
				}
				view{
					font-size: 24rpx;
					font-weight: 400;
					line-height: 42rpx;
					color: rgba(56, 56, 56, 1);
				}
			}
		}
	
	.goods{
		border-radius: 10rpx 10rpx 0 0;
		margin: 0 26rpx 26rpx;
		padding: 36rpx 0;
		.goods-top{
			.tabs{
				.tab{
					font-size: 32rpx;
					font-weight: 400;
					color: rgba(128, 128, 128, 1);
					margin-right: 24rpx;
				}
				.tab-on{
					font-weight: 700;
					color: rgba(0, 0, 0, 1);
				}
			}
			.shop-btn{
				font-size: 28rpx;
				font-weight: 400;
				color: rgba(238, 33, 45, 1);
				padding: 4rpx 24rpx;
				border-radius: 30rpx;
				border: 1px solid rgba(238, 33, 45, 1);      
			}
		}
	}		
	
	.brand-types{
		font-size: 28rpx;
		font-weight: 400;
		line-height: 42rpx;
		color: rgba(56, 56, 56, 1);
		view{
			margin-right: 24rpx;
		}
	}	
	.claim-position{
		position: relative;
	}
	// 认领该品牌
	.claim-box{
		font-size: 20rpx;
		font-weight: 400;
		padding: 6rpx 10rpx;
		color: rgba(238, 33, 45, 1);
		border-radius: 20rpx 20rpx 20rpx 0px;
		border: 1px solid rgba(238, 33, 45, 1);
		background: rgba(255, 255, 255, 0.9);
		position: absolute;
		top: -26rpx;
	}